.ant-input-affix-wrapper {
  border-radius: 6px !important;
}

.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 6px !important;
}

.ant-picker {
  border-radius: 6px !important;
}

.ant-message {
  z-index: 10000 !important;
}

#customForm input,
#customForm select {
  border-radius: 6px !important;
}

// #visualFormBox {
//   width: 100% !important;
// }

#visualForm,
#flowForm,
.ant-form {
  input:not([id^='chk'][name^='chk']):not([type='button']),
  select {
    border-radius: 6px;
  }

  textarea {
    border-radius: 6px;
  }

  .select2-container--default .select2-selection--single {
    border-radius: 6px;
  }
}

.color-disabled {
  color: #ccc;
}

/* 扩展按钮组件颜色 */
.ant-btn {
  border-radius: 6px !important;

  &.orange {
    &,
    &:active,
    &.active {
      color: #fff !important;
      background-color: #ff9900 !important;
      border-color: #ff9900 !important;
    }

    &:hover,
    &:focus {
      background-color: #ffad33 !important;
      border-color: #ffad33 !important;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.green {
    &,
    &:active,
    &.active {
      color: #fff !important;
      background-color: #19be6b !important;
      border-color: #19be6b !important;
    }

    &:hover,
    &:focus {
      background-color: #47cb89 !important;
      border-color: #47cb89 !important;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.light-blue {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #2db7f5;
      border-color: #2db7f5;
    }

    &:hover,
    &:focus {
      background-color: #57c5f7;
      border-color: #57c5f7;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.red {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #f44336;
      border-color: #f44336;
    }

    &:hover,
    &:focus {
      background-color: #f44336;
      border-color: #f44336;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.ambe {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #ffc107;
      border-color: #ffc107;
    }

    &:hover,
    &:focus {
      background-color: #ffc107;
      border-color: #ffc107;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.teal {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #009688;
      border-color: #009688;
    }

    &:hover,
    &:focus {
      background-color: #009688;
      border-color: #009688;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.cyan {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #00bcd4;
      border-color: #00bcd4;
    }

    &:hover,
    &:focus {
      background-color: #00bcd4;
      border-color: #00bcd4;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.purple {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #673ab7;
      border-color: #673ab7;
    }

    &:hover,
    &:focus {
      background-color: #673ab7;
      border-color: #673ab7;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.lime {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #cddc39;
      border-color: #cddc39;
    }

    &:hover,
    &:focus {
      background-color: #cddc39;
      border-color: #cddc39;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.yellow {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #ffeb3b;
      border-color: #ffeb3b;
    }

    &:hover,
    &:focus {
      background-color: #ffeb3b;
      border-color: #ffeb3b;
    }

    &[disabled] {
      .color-disabled;
    }
  }

  &.pink {
    &,
    &:active,
    &.active {
      color: #fff;
      background-color: #e91e63;
      border-color: #e91e63;
    }

    &:hover,
    &:focus {
      background-color: #e91e63;
      border-color: #e91e63;
    }

    &[disabled] {
      .color-disabled;
    }
  }
}
